<template>
	<view v-if="loading" class="skeleton-home">
		<!-- 轮播图 -->
		<skeleton :loading="loading" imgWidth="100%" imgHeight="150px" :imgTitle="true">
		</skeleton>
		<skeleton :loading="loading" avatarSize="50px" flexType="space-around" :showAvatar="true" :nameRow="4">
		</skeleton>
		<skeleton :loading="loading" avatarSize="50px" flexType="space-around" :showAvatar="true" :nameRow="4">
		</skeleton>
		<skeleton :loading="loading" avatarSize="50px" flexType="center" :showTitle="true" :row="3" :showAvatar="true"
			avatarShape="square" :nameRow="1">
		</skeleton>
		<skeleton :loading="loading" avatarSize="50px" flexType="center" :showTitle="true" :row="3" :showAvatar="true"
			avatarShape="square" :nameRow="1">
		</skeleton>
		<skeleton :loading="loading" avatarSize="50px" flexType="center" :showTitle="true" :row="2" :showAvatar="true"
			avatarShape="square" :nameRow="1">
		</skeleton>
	</view>
</template>

<script>
	import Skeleton from 'components/skeleton/index.vue';
	export default {
		components: {
			Skeleton
		},
		props: {
			loading: false
		}
	}
</script>

<style>
	.skeleton-home {
		background-color: #fff;
		padding-bottom: 10rpx;
	}
</style>
